/*字体*/
.ft000000 {
	color: #000000;
}

.ft666666 {
	color: #666666;
}

.ftFF685E {
	color: #FF685E;
}

.ftFF0073 {
	color: #FF0073;
}

.ft300D45 {
	color: #300D45;
}

.ft333333 {
	color: #333333;
}

.ft999999 {
	color: #999999;
}

.ftFFB700 {
	color: #FFB700;
}

.ft666666 {
	color: #666666;
}

.ftFEC100 {
	color: #FEC100;
}

.ft574C70 {
	color: #574C70;
}

.ft2C0B53 {
	color: #2C0B53;
}

.ft110124 {
	color: #110124;
}

.ftFFE9C8 {
	color: #FFE9C8;
}

.ftCFBF9F {
	color: #CFBF9F;
}

.ft4A50CE {
	color: #4A50CE;
}

.ftF3002A {
	color: #F3002A;
}

.ftE97AFF {
	color: #E97AFF;
}

.ftD1D1D1 {
	color: #D1D1D1;
}

.ft1877F2 {
	color: #1877F2;
}



.ftrgba1 {
	color: rgba(255, 255, 255, 0.7);
}

.ftrgba2 {
	color: rgba(243, 0, 42, 0.5);
}

.ftrgba3 {
	color: rgba(102, 102, 102, 0.5);
}

/*背景*/
.bgF3F5FA {
	background-color: #F3F5FA;
}

.bgFF4CBE {
	background-color: #FF4CBE;
}

.bg4258FF {
	background-color: #4258FF;
}

.bgD5EDF8 {
	background-color: #D5EDF8;
}

.bgE9E5FF {
	background-color: #E9E5FF;
}

.bgFFFFE8 {
	background-color: #FFFFE8;
}

.bgF8F8F8 {
	background-color: #F8F8F8;
}

.bgFF0000 {
	background-color: #FF0000;
}

.bgF6F5FF {
	background-color: #F6F5FF;
}

.bgF6F7F9 {
	background-color: #F6F7F9;
}

.bgCEE9FC {
	background-color: #CEE9FC;
}

.bg110124 {
	background-color: #110124;
}

.bgF3F4FA {
	background-color: #F3F4FA;
}

.bgF5F5F5 {
	background-color: #F5F5F5;
}

.bgF1F4FF {
	background-color: #F1F4FF;
}

.bgrgba1 {
	background: rgba(255, 255, 255, 0.3);
}

.bglg1 {
	background: linear-gradient(179deg, #FFEF44 0%, #C369FF 100%);
}

.bglg2 {
	background: linear-gradient(178deg, #F4EC95 0%, #C369FF 100%);
}

.bglg3 {
	background: linear-gradient(90deg, #F9DAFF 0%, #CBEBFF 100%);
}

.bglg4 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
}

.bglg5 {
	background: linear-gradient(90deg, #F3F5FA 0%, #F7F9FD 100%);
}

.bglg6 {
	background: linear-gradient(337deg, #FFFFFF 0%, #F2F4FF 100%);
}

.bglg7 {
	background: linear-gradient(90deg, #FFFECB 0%, #F3F5FA 100%);
}

.bglg8 {
	background: linear-gradient(90deg, #D1D9FF 0%, #F3F5FA 100%);
}

.bglg9 {
	background: linear-gradient(90deg, #FFE4D0 0%, #FBF5F0 100%);
}

.bglg10 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 100%);
}

.bglg11 {
	background: linear-gradient(180deg, #EDE1FF 0%, #FFFFFF 29%);
}

.bglg12 {
	background: linear-gradient(90deg, #FEF389 0%, #F5A401 100%);
}

.bglg13 {
	background: linear-gradient(180deg, #F3EDFA 0%, #FFFFFF 5%, #FFFFFF 100%);
}


/*背景图片*/
.bgimg1 {
	background-image: url('/static/imgs/home_bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.bgimg2 {
	background-image: url('/static/imgs/my_bg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.bgimg3 {
	background-image: url('/static/imgs/playersbg.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}


.spendersbg {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('/static/imgs/spendersbg.png');
}

.players-bg {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('/static/imgs/playerranksbg.png');
}

.bgguardiansbg {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url('/static/imgs/guardiansbg.png');
}

/*边框颜色*/

.bdcolor1 {
	border-color: #ffffff;
}

.bdcolor2 {
	border-color: rgba(255, 255, 255, 0.08);
}

.bdcolor3 {
	border-color: rgba(255, 255, 255, 0.3);
}

.bdcolor4 {
	border-color: #B2A9BE;
}

.bdcolor5 {
	border-color: #110124;
}

.bdcolor6 {
	border-color: #E5E5E5;
}

.box-shadow1 {
	box-shadow: 0px 2px 20px 0px #DB9FF7;
}

.box-shadow2 {
	box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
}